/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
<template>
  <svg
    version="1.1"
    id="图层_1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    viewBox="0 0 870 650"
    style="enable-background:new 0 0 870 650;"
    xml:space="preserve"
    :width="Width"
    :height="Height"
  >
    <path
      class="st0"
      d="M326.9,453v196.7l0,0h18h179.6h18l0,0V453c0-11.4,9.6-21,21-21h306.4l0,0v-18V236.4v-18l0,0H563.4
c-11.6,0-21-9.4-21-21V-0.2l0,0h-18H344.8h-18l0,0v197.7"
    ></path>
    <g id="人行道" :class="showPed === true ? '' : 'invisible'">
      <g class="st1">
        <g>
          <rect x="346.5" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="338.7" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="331.1" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="354.3" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="362.1" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="369.9" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="377.7" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="385.5" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="393.3" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="401.1" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="408.9" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="416.7" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="424.6" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="432.4" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="440.2" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="448" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="455.8" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="463.6" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="471.4" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="479.2" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="487" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="494.8" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="502.6" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="510.4" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="518.2" y="434" class="st2" width="4" height="16.3"></rect>
          <rect x="526.2" y="434" class="st2" width="4" height="16.3"></rect>
          <rect x="534.1" y="434" class="st2" width="4" height="16.3"></rect>
        </g>
      </g>
      <g class="st1">
        <rect x="544.6" y="408.6" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="416.4" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="424.2" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="400.8" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="393.1" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="385.4" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="377.7" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="369.9" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="362.2" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="354.5" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="346.8" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="339.1" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="331.3" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="323.6" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="315.9" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="308.2" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="300.4" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="292.7" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="285" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="277.3" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="269.6" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="261.8" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="254.1" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="246.4" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="238.7" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="230.4" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="222.4" class="st2" width="16.5" height="4"></rect>
      </g>
      <g class="st1">
        <g>
          <rect x="519.1" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="527.1" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="534.5" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="511.3" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="503.5" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="495.7" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="487.9" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="480.1" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="472.3" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="464.5" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="456.7" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="448.9" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="441" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="433.2" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="425.4" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="417.6" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="409.8" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="402" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="394.2" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="386.4" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="378.6" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="370.8" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="363" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="355.2" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="347.4" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="339.9" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="332.5" y="200.1" class="st2" width="4" height="16.3"></rect>
        </g>
      </g>
    </g>
    <g>
      <rect x="750.5" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="727.4" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="611.9" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="635" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="773.6" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="681.2" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="658.1" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="704.3" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="843" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="866.1" y="267.8" class="st3" width="3.8" height="2"></rect>
      <rect x="819.9" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="588.7" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="796.8" y="267.8" class="st3" width="11.6" height="2"></rect>
      <rect x="571.2" y="267.8" class="st3" width="6" height="2"></rect>
      <rect x="658.1" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="635" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="588.7" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="611.9" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="704.3" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="796.8" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="843" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="819.9" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="681.2" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="866.1" y="298.1" class="st3" width="3.8" height="2"></rect>
      <rect x="727.4" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="750.5" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="773.6" y="298.1" class="st3" width="11.6" height="2"></rect>
      <rect x="571.2" y="298.1" class="st3" width="6" height="2"></rect>
    </g>
    <g>
      <g>
        <rect x="570.5" y="327.8" class="st4" width="299.4" height="2"></rect>
      </g>
      <rect x="571.5" y="356.2" class="st3" width="298.4" height="2"></rect>
      <rect x="571.2" y="237.7" class="st3" width="298.7" height="2"></rect>
      <rect x="571.5" y="384.6" class="st3" width="298.4" height="2"></rect>
      <rect x="570.1" y="413" class="st3" width="299.8" height="2"></rect>
      <polygon
        class="st3"
        points="571.5,432.6 569.5,432.6 569.5,327.8 571.5,327.8 571.5,363.8 571.5,366.3 571.5,399.9 571.5,402.3
"
      ></polygon>
    </g>
    <g>
      <rect x="489.5" y="640.7" class="st3" width="2" height="9"></rect>
      <rect x="489.5" y="617.6" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="502.1" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="525.2" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="571.4" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="548.3" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="594.5" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="478.9" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="461.4" class="st3" width="2" height="6"></rect>
      <rect x="459.2" y="548.3" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="525.2" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="478.9" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="502.1" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="594.5" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="571.4" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="617.6" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="640.7" class="st3" width="2" height="9"></rect>
      <rect x="459.2" y="461.4" class="st3" width="2" height="6"></rect>
    </g>
    <g>
      <g>
        <rect x="430.2" y="461.3" class="st4" width="2" height="188.4"></rect>
      </g>
      <rect x="401.8" y="462.3" class="st3" width="2" height="187.4"></rect>
      <rect x="373.4" y="462.3" class="st3" width="2" height="187.4"></rect>
      <rect x="345" y="462.3" class="st3" width="2" height="187.4"></rect>
      <rect x="520.1" y="461.4" class="st3" width="2" height="188.3"></rect>
      <polyline class="st3" points="327.6,462.3 327.6,460.3 432.2,460.3 432.2,462.3"></polyline>
    </g>
    <g>
      <rect x="377.5" y="-0.3" class="st3" width="2" height="9.2"></rect>
      <rect x="377.5" y="20.4" class="st3" width="2" height="11.6"></rect>
      <rect x="377.5" y="135.9" class="st3" width="2" height="11.6"></rect>
      <rect x="377.5" y="112.8" class="st3" width="2" height="11.6"></rect>
      <rect x="377.5" y="66.6" class="st3" width="2" height="11.6"></rect>
      <rect x="377.5" y="89.7" class="st3" width="2" height="11.6"></rect>
      <rect x="377.5" y="43.5" class="st3" width="2" height="11.6"></rect>
      <rect x="377.5" y="159.1" class="st3" width="2" height="11.6"></rect>
      <rect x="377.5" y="182.2" class="st3" width="2" height="6"></rect>
      <rect x="407.8" y="89.7" class="st3" width="2" height="11.6"></rect>
      <rect x="407.8" y="112.8" class="st3" width="2" height="11.6"></rect>
      <rect x="407.8" y="159.1" class="st3" width="2" height="11.6"></rect>
      <rect x="407.8" y="135.9" class="st3" width="2" height="11.6"></rect>
      <rect x="407.8" y="43.5" class="st3" width="2" height="11.6"></rect>
      <rect x="407.8" y="66.6" class="st3" width="2" height="11.6"></rect>
      <rect x="407.8" y="20.4" class="st3" width="2" height="11.6"></rect>
      <rect x="407.8" y="-0.3" class="st3" width="2" height="9.2"></rect>
      <rect x="407.8" y="182.2" class="st3" width="2" height="6"></rect>
    </g>
    <g>
      <g>
        <rect x="436.9" y="-0.3" class="st4" width="2" height="188.7"></rect>
      </g>
      <rect x="465.3" y="-0.3" class="st3" width="2" height="187.7"></rect>
      <rect x="347" y="0" class="st3" width="2" height="188.2"></rect>
      <rect x="493.7" y="-0.3" class="st3" width="2" height="187.7"></rect>
      <rect x="522.1" y="-0.3" class="st3" width="2" height="187.7"></rect>
      <polygon
        class="st3"
        points="542,187.4 542,189.4 436.9,189.4 436.9,187.4 473,187.4 475.5,187.4 509.2,187.4 511.6,187.4"
      ></polygon>
    </g>
    <path
      class="st5"
      d="M869.9,452l-0.1-1H573.9c-6.9,0-12.5,5.6-12.5,12.5v186.2l0,0h1V463.5c0-6.4,5.2-11.5,11.5-11.5H869.9
L869.9,452z"
    ></path>
    <path
      class="st4"
      d="M869.9,435l0-3H561.6c-10.8,0-19.6,8.8-19.6,19.6v198.1h3V451.6c0-9.1,7.4-16.6,16.6-16.6H869.9L869.9,435z"
    ></path>
    <path
      class="st5"
      d="M869.9,199.4l-0.1-1H573.9c-6.4,0-11.5-5.2-11.5-11.5V-0.3h-1l0,0v187.2c0,6.9,5.6,12.5,12.5,12.5H869.9
L869.9,199.4z"
    ></path>
    <path
      class="st4"
      d="M869.9,215.4l0,3H561.6c-10.8,0-19.6-8.8-19.6-19.6V-0.3h3v199.1c0,9.1,7.4,16.6,16.6,16.6H869.9L869.9,215.4z"
    ></path>
    <g>
      <path class="st5" d="M307.1-0.3v650h1l0,0v-650"></path>
    </g>
    <rect x="324.6" y="-0.3" class="st4" width="3" height="650"></rect>
  </svg>
</template>
<script>
export default {
  name: 'tEastroad',
  data () {
    return {}
  },
  props: {
    Width: {
      type: String,
      default: '870px'
    },
    Height: {
      type: String,
      default: '650px'
    },
    showPed: {
      type: Boolean,
      default: false
    }
  },
  methods: {},
  mounted () {}
}
</script>
<style scoped>
.st0 {
  fill: #3d3939;
}
.st1 {
  opacity: 0.9;
}
.st2 {
  fill: #f2f2f2;
}
.st3 {
  fill: #dddddd;
}
.st4 {
  fill: #ccb63a;
}
.st5 {
  fill: #e5e5d8;
}
.invisible {
  visibility: hidden;
}
</style>
